@import "../_function";
@import "../_variables";

.gift-header {
	background: url('../img/gift_background.jpg') no-repeat;
	background-size: 100% 100%;
	height: pr(690);
	padding-top: pr(430);
	box-sizing: border-box;
	&-search {
		width: pr(970);
		height: pr(205);
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 pr(54);
		box-sizing: border-box;
		&-input {
			width: pr(665);
			height: pr(92);
			display: flex;
			align-items: center;
			margin-right: pr(30);
			input {
				width: 100%;
				height: 100%;
				font-size: pr(40);
				border: 1px solid #fa893d;
				padding-left: pr(30);
				border-radius: pr(15);
				box-sizing: border-box;
				&::placeholder {
					color: #faaa50;
				}
				&:focus {
					animation: bink .5s infinite alternate;
				}
			}
			@keyframes bink {
				to {
					border-color: #ee7c7b;
				}
				from {
					border-color: #fa893d;
				}
			}
		}
		&-btn {
			width: pr(173);
			height: pr(92);
			border-radius: pr(15);
			overflow: hidden;
			button {
				width: 100%;
				height: 100%;
				border: none;
				background: #ee7c7b;
				color: #fff;
			}
		}
	}
}
